@import "@/assets/style/mixin.scss";
.settlement-list {
  .thead {
    @include flex_between();
    color: $-color-muted;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .tbody {
    max-height: 168px;
    overflow: auto;
    .row-item {
      .tr {
        @include flex_between();
        padding: 4px 0;
      }
      .children {
        background: #F7F7F7;
        border-radius: 8px;
        padding: 5px 10px;
        color: $-color-gray;
      }
    }
  }
  .item {
    text-align: center;
    flex: 1;
  }
  .name {
    width: 20%;
    flex: auto;
    text-align: left;
  }
}
.sale {
  border-top: 1px solid $-border-color;
  margin-top: 20px;
  .name {
    padding: 20px 9px 13px 9px;
  }
  .item {
    margin-top: 16px;
    cursor: pointer;
    @include flex_between();
    .label {
      span {
        color: $-color-muted;
      }
    }
    .content {
      color: $-color-orange;
      .iconfont {
        vertical-align: -2px;
        font-size: 18px;
      }
    }
  }
  .sale-bottom {
    padding: 15px 11px 15px 0;
    .total {
      .price {
        @include price($-color-brown, 24, 16);
      }
    }
  }
}

.pay-list {
  border-top: 1px solid #F4F4F4;
  padding-top: 14px;
  .item {
    @include flex_between();
    margin-bottom: 16px;
    cursor: pointer;
    &.disabled{
      opacity: 0.5;
      cursor: not-allowed;
    }
    .pay-label {
      @include flex_center();
      .icon-check {
        @include icon_check(14);
      }
      img {
        width: 16px;
        height: 16px;
        margin: 0 8px;
      }
    }
    .dis-label{
      color: #999;
      .dis-money {
        color: $-color-orange;
      }
    }
  }
}

.pay-footer {
  .ivu-btn {
    height: 36px;
    width: 104px;
  }
}
